.ThemeA01 {
    width: 100vw;
    height: 100vh;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #FDFEFF;

    display: flex;
    align-items: center;
    justify-content: flex-start;


    &>.Image {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        z-index: 1;
    }

    &>div {
        height: 100%;
        position: relative;
        z-index: 3;

        &.Mask {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            border-radius: 8px;
            z-index: 2;
            pointer-events: none;
        }

        &.Left {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            flex-direction: column;

            &>.LogoA01 {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                height: 56px;
                padding: 8px;

                &>.logo {
                    margin: 0 8px;

                    &>img {
                        width: 100%;
                        height: 100%;
                    }
                }

                &>.title {
                    transition: all 0.35s;
                    overflow: hidden;
                    white-space: nowrap;
                }

                &>.icon {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;

                    &>span {
                        color: var(--iconColor);
                        font-size: calc(var(--iconSIze) * 1px);
                        filter: var(--iconFilter);
                    }
                }
            }

            &>.MenuA01 {
                flex: 1;
                width: 100%;
                padding: 8px;
                overflow: hidden;


                &>.Menu {
                    width: 100%;
                    height: 100%;
                    padding: 8px 0;
                    overflow-y: scroll;

                    &::-webkit-scrollbar {
                        display: none;
                    }

                    .ant-menu {
                        border-inline-end: none;
                        background: transparent;
                        font-family: var(--fontFamily);
                        font-weight: var(--fontWeight);
                        font-style: var(--fontStyle);
                        font-size: var(--fontSize);
                        color: var(--fontColor);
                        filter: drop-shadow(var(--fontShadowX) var(--fontShadowY) var(--fontShadowS) var(--fontShadowB));

                        .ant-menu-item,
                        .ant-menu-submenu-title {
                            margin: 4px 0;
                            width: 100%;
                            border-radius: 0;
                        }

                        .ant-menu-item,
                        .ant-menu-submenu-title {
                            color: var(--fontColor);
                        }

                        .ant-menu-item-icon {
                            color: #305bc7;
                            font-size: var(--iconSize);
                            filter: drop-shadow(var(--iconShadowX) var(--iconShadowY) var(--iconShadowS) var(--iconShadowB));
                        }

                        .ant-menu-item-icon+span,
                        .anticon+span {
                            margin-inline-start: var(--iconIndex);
                            margin-right: 16px;
                        }

                        .ant-menu-item-selected {
                            background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(var(--theme), 0.2));
                            color: rgba(var(--theme), 1);
                            position: relative;
                            z-index: 1;



                            &::after {
                                position: absolute;
                                content: '';
                                right: 0;
                                top: 0;
                                width: 2px;
                                height: 100%;
                                background: rgba(var(--theme), 1);
                                z-index: 1;
                            }
                        }

                        .ant-menu-submenu-selected>.ant-menu-submenu-title {
                            color: rgba(var(--theme), 1);

                        }
                    }

                }


            }

        }

        &.Right {
            flex: 1;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            overflow: hidden;

            &>.HeadA01 {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                height: 56px;
                padding: 8px;

                &>.userBox {
                    display: flex;
                    align-items: center;
                    justify-content: center;

                    &>.options {
                        margin-right: 16px;
                        display: flex;
                        align-items: center;
                        justify-content: center;

                        .icon {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            cursor: pointer;
                            user-select: none;

                            &>span {
                                font-size: var(--iconSize);
                                color: var(--iconColor);
                                filter: drop-shadow(var(--iconShadowX) var(--iconShadowY) var(--iconShadowS) var(--iconShadowB));
                            }
                        }
                    }

                    &>.userInfo {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        cursor: pointer;

                        .NameBox {
                            margin: 2px 8px;
                        }
                    }
                }
            }

            &>.BodyA01 {
                width: 100%;
                flex: 1;
                padding: 0 8px 8px 8px;
                overflow: hidden;

                &>.ant-tabs {
                    height: 100%;

                    .ant-tabs-nav-wrap {
                        padding-top: 8px;
                    }

                    &>.ant-tabs-nav {
                        margin: 0;

                        .ant-tabs-tab {
                            box-shadow: var(--shadow-1-down);
                            border-radius: 0;
                        }
                    }

                    &>.ant-tabs-content-holder {
                        padding: 16px;
                        box-shadow: var(--boxShadow);
                        background: var(--bodyBack);
                        backdrop-filter: blur(var(--bodyPx));
                        border-radius: 0 0 var(--bodyRadio) var(--bodyRadio);

                        &>.ant-tabs-content {
                            height: 100%;

                            &>.ant-tabs-tabpane {
                                height: 100%;
                            }
                        }
                    }

                    .ant-tabs-tab {
                        background: var(--tabsBack);
                        border: 1px var(--tabsBorderType) var(--tabsBorderColor);
                        border-radius: var(--tabsRadio) var(--tabsRadio) 0 0 !important;
                        color: var(--fontColor);
                        font-family: var(--fontFamily);
                        font-weight: var(--fontWeight);
                        font-style: var(--fontStyle);
                        font-size: var(--fontSize);
                    }

                    .ant-tabs-tab-active {
                        background: var(--tabsActive);
                    }

                    .ant-tabs-tab-icon {
                        display: var(--iconState);
                        margin-inline-end: var(--iconIndex);

                        &>span {
                            font-size: var(--iconSize);
                            filter: drop-shadow(var(--fontShadowX) var(--fontShadowY) var(--fontShadowS) var(--fontShadowB));
                        }
                    }
                }
            }
        }
    }

}


.HeadA01__UserInfo {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(4px);
    box-shadow: var(--shadow-1-down);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 8px;

    &>.UserInfo {
        width: 100%;
        margin-bottom: 8px;
        border-bottom: 1px solid rgba(38, 38, 38, 0.35);
        padding: 8px;
        display: flex;
        align-items: center;
        justify-content: flex-start;

        &>div {
            &>div {
                margin-left: 8px;
            }
        }
    }

    &>.Options {
        width: 100%;
        padding: 0 16px;

        .Downnav {
            line-height: 32px;
            font-size: 16px;
            color: #262626;
            font-weight: 600;
            font-family: PingFang;
            cursor: pointer;
            padding: 4px 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            user-select: none;

            &:hover {
                background: rgba(0, 0, 0, 0.1);
                border-radius: 8px;
            }
        }
    }

    &>.SignOut {
        padding: 8px;
    }



    &>.ant-dropdown-menu {
        padding: 0;
    }


}

.Admin__Head__Options {

    .ant-tooltip-inner {
        color: var(--toolColor);
        font-family: var(--toolFamily);
        font-weight: var(--toolWeight);
        font-style: var(--toolStyle);
        font-size: var(--toolSize);
        filter: drop-shadow(var(--toolShadowX) var(--toolShadowY) var(--toolShadowS) var(--toolShadowB));
    }
}